import React from 'react';
import { Button } from 'antd';

interface Geeting {
  name: string;
  firstName?: string;
  lastName?: string;
}

const Hello = (props: Geeting) => {
  return (
    <div>
      <h1> { props.name } </h1>
      <Button type="primary">Primary Button</Button>
    </div>
  )
} 

// 下边这种方式未来可能会被弃用， React.FC是react函数表达式，使用React.FC时，参数类型必须是可选的
// interface Geeting {
//   name: string;
//   firstName?: string;
//   lastName?: string;
// }

// const HomeIndex: React.FC<Geeting> = ({
//   name,
//   firstName,
//   lastName
// }) => <Button type='primary'> { name } </Button> 

// HomeIndex.defaultProps = {
//   name: '',
//   firstName: '',
//   lastName: ''
// }


export default Hello;